<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/WEB-INF/common/hplus-css.jsp"%>
	<link href="${path}/assets/hplus/css/plugins/jqgrid/ui.jqgrid.css?0820"
	rel="stylesheet">	
		<meta charset="utf-8" />
		<link href="${path}/assets/css/article/reset.css" rel="stylesheet" />
		<link href="${path}/assets/css/article/base.css" rel="stylesheet" />
		<link href="${path}/assets/css/article/iconfont.css" rel="stylesheet" />
		<link href="${path}/assets/css/article/ie8.css" rel="stylesheet" />
		<link href="${path}/assets/css/article/newLogin.css" rel="stylesheet" />
		<link href="${path}/assets/static/css/global.css" rel="stylesheet">
		<link href="${path}/assets/static/css/layout.css" rel="stylesheet">
	</head>
	<!--Head Ends-->
	<!--Body-->

	<body>
		<div class="login-v2">

		<div class="fly-header">
			<div class="layui-container clearBoth">
					<a href="${path}/user/login" class="logo fl">
						<img src="${path}/assets/static/images/nationalEmblem.png" />
						<span><%=Parameters.settingMap.get("company_head") %></span>
					</a>
				</div>
		</div>
			<div class="newsList-wrapper mt10 mb10 clear">
				<div class="w1200">
					<div class="newsList clear">
						<div class="newsList-title">
							<h2>${genreName}Policy Information</h2>
						</div>
						<div class="newsList-content">
							<ul data-bind="foreach:list">
								<c:forEach items="${articlebyGenreCode}" var="article">
									<li>
										<a target="_blank" href="${path}/article/titlearticle?id=${article.id}" title="${article.title }" data-bind="text:Title,attr:{title:Title(),href:'Detail?sysNo='+SysNo()}">${article.title }</a>
										<span data-bind="text:PublishDateStr">
											<fmt:parseDate value="${article.createDate}"  pattern="yyyy-MM-dd" var="test"/>
											<fmt:formatDate value="${test}" pattern="yyyy-MM-dd"/>  
										</span>
									</li>
								</c:forEach>
								
							</ul>
							<div class="newsList-pages">
						<%-- <form action="${path}/article/genrecode" method="post"> --%>
								<div class="pagination-box clear">
								<input type="hidden" name="page" value="${page}" id="page"/>
									<div class="pagination-records fl clear">
										<div class="dataTables_length">
											<span class="page-tip">每页显示</span>
											<span class="seperator"></span>
											<select name="rows" aria-controls="editable" class="form-control input-sm" onchange="showRows(this)">
												<option value="5" <c:if test="${rows==5}">selected</c:if>>5</option>
												<option value="25" <c:if test="${rows==25}">selected</c:if>>25</option>
												<option value="50" <c:if test="${rows==50}">selected</c:if>>50</option>
												<option value="100" <c:if test="${rows==100}">selected</c:if>>100</option>
											</select>
										</div>
										
										<div class="dataTables_info" id="searchlist_info" role="status" aria-live="polite">共<span data-bind="text:total"></span>条记录&nbsp;&nbsp;<span id="kpShowDesc"></span></div>
									</div>
									<div class="pagination-btnBox fr">
										<div class="dataTables_paginate paging_simple_numbers">
											<!--ko if:totalPage()>1-->
 
											<!--/ko-->
											<ul class="pagination">

												<li class="next" aria-controls="searchlist" tabindex="0" id="searchlist_next">
													<a href="${path}/article/genrecode?genreCode=${genreCode}&page=${page-1}" data-bind="click:prev" title="上一页" name="topYe">上一页</a>
												</li>
												<c:forEach end="${count}" begin="1" var="ind"> 
													<li class="next" aria-controls="searchlist" tabindex="0" id="searchlist_next">
														<a href="${path}/article/genrecode?genreCode=${genreCode}&page=${ind}" data-bind="click:prev" style="border: 0.01rem solid #e6e6e6; padding: 10px;margin: 0px 1px 0.5px 0.6px;">${ind }</a>
													</li>
													</c:forEach>								
												<li class="next" aria-controls="searchlist" tabindex="0" id="searchlist_next">
													<a href="${path}/article/genrecode?genreCode=${genreCode}&page=${page+1}" id="pagenext" data-bind="click:next" title="下一页" name="bottonYe">下一页</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						<!-- </form> -->
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		</div>
		<!-- 特色 、特点  -->
		<div class="layui-container mb-20">
			<div class="characteristic clearBoth">
				<div class="characteristic-list">
					<div class="characteristic-img">
						<img src="${path}/assets/static/images/denglu-ruanjianshengji.png" >
					</div>
					<div class="characteristic-title">软件升级</div>
					<div class="characteristic-cont">免费试用、免费升级</div>
				</div>
				<div class="characteristic-list">
					<div class="characteristic-img">
						<img src="${path}/assets/static/images/denglu-zhengqihutong.png" >
					</div>
					<div class="characteristic-title">政企互通</div>
					<div class="characteristic-cont">线上监督、解决问题</div>
				</div>
				<div class="characteristic-list">
					<div class="characteristic-img">
						<img src="${path}/assets/static/images/denglu-anquancuoshi.png" >
					</div>
					<div class="characteristic-title">安全措施</div>
					<div class="characteristic-cont">高标配置、安全第一</div>
				</div>
				<div class="characteristic-list">
					<div class="characteristic-img">
						<img src="${path}/assets/static/images/denglu-OpenAPI.png" >
					</div>
					<div class="characteristic-title">OpenAPI</div>
					<div class="characteristic-cont">标准化数据接口、在线测试工具</div>
				</div>
				<div class="characteristic-list">
					<div class="characteristic-img">
						<img src="${path}/assets/static/images/denglu-dashujufenxi.png" >
					</div>
					<div class="characteristic-title">数据分析</div>
					<div class="characteristic-cont">众观全局、实施预防</div>
				</div>
			</div>
		</div>
		<!-- footer 底部  -->
		<div class="wrapper fly-footer-box" style="text-align: center;">
			<div class="layui-container">
				<div class="fly-footer">
					<div class="footer-item clearBoth">
						<div class="footer-item-title">技术支持</div>
						<div class="footer-item-cont">
							<span>黔东南州颐佳园网络科技有限公司</span>
							<span>热线电话&nbsp;&nbsp;13078572691</span>
							<span>凯里市北京东路御景上城C栋二层</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<%@include file="/WEB-INF/common/hplus-js.jsp"%>
	<script type="text/javascript">
				/* $(document).ready(function() {
					$("newsList-content").dataTable();
					var oTable = $(".pagination").dataTable();
					oTable.$("li a").editable("${path}/article/genrecode", {
						"callback": function(sValue, y) {
							var aPos = oTable.fnGetPosition(this);
							oTable.fnUpdate(sValue, aPos[0], aPos[1])
						},
						"submitdata": function(value, settings) {
							return {
								"rows": this.parentNode.getAttribute("rows"),
								"page": oTable.fnGetPosition(this)[2]
							}
						},
						"width": "90%",
						"height": "100%"
					})
				});
				function fnClickAddRow() {
					$("#editable").dataTable().fnAddData(["Custom row", "New row", "New row", "New row", "New row"])
				}; */
				function showRows(rows){
					window.location.href="${path}/article/genrecode?genreCode=${genreCode}&rows="+rows.value;
				}
		</script> 
	</body>

</html>